<template>
  <div class="user-set">
    <myHead title="设置"></myHead>
    <div class="list">
      <p @click="$router.push('/usersafe')">账号与安全 <i class="iconfont icon-gengduo"></i></p>
      <p>编辑资料 <i class="iconfont icon-gengduo"></i></p>
      <p>清除缓存 <span>9.00KB</span></p>
      <p>意见反馈 <i class="iconfont icon-gengduo"></i></p>
      <p>关于社区 <i class="iconfont icon-gengduo"></i></p>
      <button @click="superstratum=true">退出登录</button>
    </div>
    <dele :superstratum="superstratum" @queren="quit" @conse="superstratum = false" title="退出登录"></dele>
  </div>
</template>
<script>
import dele from '@/components/dele.vue';
import myHead from '@/components/head.vue';
export default {
  name: 'userset',
  components: {
    dele,
    myHead
  },
  mixins: [],
  props: {

  },
  data() {
    return {
      superstratum:false
    }
  },
  computed: {

  },
  watch: {

  },
  mounted() {

  },
  methods: {
    quit(){
      this.superstratum = false
      localStorage.clear()
      this.$router.push('my')
    }
  }
};
</script>
<style lang='scss' scoped>
.user-set {
  padding: 10px;

  .list {
    p {
      font-size: 16px;
      margin-top: 20px;
      color: #666;

      i,
      span {
        float: right;
        color: #999;
      }
    }
    button {
      width: 100%;
      margin-top: 20px;
      line-height: 40px;
      border-radius: 20px;
      border: none;
      background-color: #FF4A6A;
      color: #fff;
    }
  }
}</style>